<template>
    <div id="Leaflet">
        <v-hgcMap></v-hgcMap>
        <v-maptool></v-maptool>
        <v-mapModule></v-mapModule>
        <v-switch3D></v-switch3D>
        <v-PlotTool></v-PlotTool>
        <v-Attribute></v-Attribute>
        <v-SpatialChart></v-SpatialChart>
        <!-- <div id="map"></div> -->
    </div>
</template>
<script>
    // import '../../../node_modules/leaflet/dist/leaflet.css';
    // import '../../../node_modules/@supermap/iclient-leaflet/dist/iclient9-leaflet.min.css';
    // import L from 'leaflet';
    // import {tiledMapLayer} from '@supermap/iclient-leaflet';

    //------------------------------------------------------MapBox引用----------------------------------------------------
    import '../../assets/mapbox/mapbox-gl.css'
    import mapboxgl from '../../assets/mapbox/mapbox-gl.js'
    import '../../assets/mapbox/iclient9-mapboxgl.js'
    import '../../assets/mapbox/libs/draw/mapbox-gl-draw.css'
    import MapboxDraw from '../../assets/mapbox/libs/draw/mapbox-gl-draw.js'
    import '../../assets/mapbox/mapbox-gl-compare.css'
    import '../../assets/mapbox/mapbox-gl-compare.js'

    //------------------------------------------------------组件引用----------------------------------------------------
    import MapTool from '../../components/tool/MapTool.vue';
    import MapModule from '../../components/layout/MapModule.vue';
    // import leafletMeasurePath from  '../../assets/plugin/leaflet-measure-path/leaflet-measure-path.js';
    // import '../../assets/plugin/leaflet-measure-path/leaflet-measure-path.css';
    import HGCMap from '../../components/tool/HgcMap.vue';
    import Switch3D from '../../components/tool/SwitchTranslation.vue';
    import PlotTool from '../../components/tool/PlotTool.vue';
    import Attribute from '../../components/tool/Attribute.vue';
    import SpatialChart from '../../components/tool/SpatialChart.vue';


    export default {
        name: 'Leaflet',
        data () {
            return {
                msg: 'Welcome to Your Vue.js App',
                map:null,
                points:null,
                lines:null,
                tempLines:null
            }
        },
        mounted:function() {
        
        },

        methods:{
            
        },
        components:{
             'v-maptool':MapTool,
             'v-mapModule':MapModule,
             'v-hgcMap':HGCMap,
             'v-switch3D':Switch3D,
             'v-PlotTool':PlotTool,
             'v-Attribute':Attribute,
             'v-SpatialChart':SpatialChart,
        }

    
  }
</script>
<style>

    #Leaflet{
        width:100%;
        height:100%;
    }
</style>
